<template>
  <div class="micro-apps" style="height: 100%">
    <div id="appCommonContainer"></div>
    <div
      v-for="appItem of appWithContainer"
      :key="appItem.name"
      :id="appItem.containerName"
      :style="
        appItem.name == $store.getters.currentAppName
          ? 'height: 100%;overflow:auto;'
          : 'height: 0px;overflow:hidden;'
      "
    ></div>
  </div>
</template>

<script setup>
// todo...
// import { MICRO_APPS } from "../../../micro_apps/index";

// 生成需要缓存为特殊节点的子应用容器
let appWithContainer = [];
// if (MICRO_APPS.length) {
//   appWithContainer = MICRO_APPS.filter((item) => {
//     if (item.container !== "#appCommonContainer") {
//       item.containerName = item.container.split("#")[1];
//       return item;
//     }
//   });
// }
</script>
